﻿.mud-codeblock {
    height: 100%;
    background-color: var(--mud-palette-black);
    border-radius: var(--mud-default-borderradius);
    padding: 16px;
    overflow: auto;

    & pre {
        height: 100%;
        color: #ededed;
        padding: 0px;
        font-size: 1em;
        font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
        -webkit-font-smoothing: subpixel-antialiased;
        direction: ltr;
    }

    & .html + .csharp {
        margin-top: 23px;
    }

    & .html {

        & .htmlTagDelimiter {
            color: #979797;
        }

        & .htmlElementName {
            color: #988ef1;
        }

        & .htmlAttributeName {
            color: #27b5b5;
        }

        & .htmlOperator, .quot {
            color: #c8c8c8;
        }

        & .htmlAttributeValue {
            color: #ededed;
        }

        & .htmlLink {
            color: #61afef;
            text-decoration: underline;
        }

        & .enum {
            color: #b4eb8f;
            background-color: rgba(255,255,255,0.15);
        }

        & .enumValue, .sharpVariable {
            color: #ededed;
            background-color: rgba(255,255,255,0.15);
        }

        & .keyword {
            color: #61afef;
            background-color: rgba(255,255,255,0.15);
        }

        & .atSign {
            color: #000;
            background-color: #d2d295;
        }

        & .comment {
            color: #57a64a;
        }
    }

    & .csharp {
        & .atSign {
            color: #000;
            background-color: #d2d295;
        }

        & .keyword {
            color: #569cd6;
        }

        & .string {
            color: #d69d85;
        }

        & .function {
            color: #dcdcaa;
        }

        & .class {
            color: #4ec9b0
        }

        & .localVar {
            color: #9cdcfe;
        }

        & .interface {
            color: #b0d7a3;
        }

        & .number {
            color: #b0d7a3;
        }

        & .enum {
            color: #b4eb8f;
        }

        & .comment {
            color: #57a64a;
        }
    }
}
